<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- <div id="box">我是box</div> -->
  <button class="btn" onclick="changeColor('red')">红色</button>
  <button class="btn" onclick="changeColor('green')">绿色</button>
  <script>

    /*  var _box = document.getElementById('box');
     _box.onclick = function () {
       _box.style.color = '#f00';
     } */

    // var a = 12;
    // var b = 6;
    // alert(a + b);


    /*  - 比较两个数字的大小
      - 定义A，B两个数。
      - 运用if条件语句，判断是两数之间是大于、小于还是等于的关系。
      - 通过consloe.log()函数输出比较的结果。 */

    /*  function add(a , b) {
       var a = 8;
       var b =6;
     } */

    var a = 8;
    var b = 6;
    if (8 > 6) {
      console.log('a > b')
    }
    else {
      console.log('a <br b')
    }


    // - 编写一个将用户输入的信息输出到网页的 JavaScript 程序。

    var a = prompt('请输入姓名和手机号');
    document.write(a + '</br>');

    // 计算 `1*2*3*4*……*100` 的乘积。


    for (var j = 1, i = 2; i <= 100; i++) {
      j = i * j;
      // console.log(j);
    }
    document.write(j + '</br>');

    // 页面中输出 1+2+3+4+……+100 算式，并计算结果。
    var sum = 0;
    var sum_str = '';
    for (var i = 1; i <= 100; i++) {
      // sum = i + sum;
      sum += i;
      if (i == 100) {
        sum_str = sum_str + i + '=';
      } else {
        sum_str = sum_str + i +  '+';
      }
    }
    console.log('1+2+3+4+……+100的结果为'+ sum_str + sum + '</br>');

    // - 输入钱数，点击按钮，输出由多少张100元，多少张50元，多少张20元，多少张10元，多少张5元，多少张1元。

    var money = prompt('请输入钱数');
    var money_hundred_rem = money % 100;
    var money_hundred = (money - money_hundred_rem) / 100;
    var money_fifty_rem = money_hundred_rem % 50;
    var money_fifty = (money - money_fifty_rem) / 50;
    var money_twenty_rem = money_fifty_rem % 20;
    var money_twenty = (money - money_twenty_rem) / 20;
    var money_ten_rem = money_twenty_rem % 10;
    var money_ten = (money - money_ten_rem) / 10;
    var money_five_rem = money_ten_rem % 5;
    var money_five = (money - money_five_rem) / 5;
    var money_one = money_five_rem;
    document.write(money + '由' + money_hundred + '张100元' + money_fifty + '张50元' + money_twenty + '张20元' + money_ten + '张10元' + money_five + '张5元' + money_one + '张1元' + '组成')

    /* - 改变网页背景色
      - 编写网页，提供按钮。
      - 为按钮添加点击事件。
      - 根据函数传递的不同参数设置网页的背景色。 */
    // var button = document.getElementById('btn');
    // button.onclick = function () {
    //   button.style.background = 'black';
    // }

    function changeColor(bg) {
      document.body.style.backgroundColor = bg;
    }
    // changeColor(document.body.style.backgroundColor);

    /* - 验证用户输入的密码
      - 通过输入框获取用户输入的密码。 
      - 判断用户输入的密码。
     - 若输入正确，则提示“密码输入正确！”，否则提示“密码输入错误！” */
    var password = prompt('请设置您的密码：');
    console.log(password);
    var num = prompt('请确认您的密码：');
    console.log(num);

    if (num == password) {
      alert('密码输入正确');
    } else {
      alert('密码输入错误');
    }

    /* - 计算年龄小游戏
     - 在输入窗口中输入出生年份，得到你的年龄 */
    var a = prompt('请输入你的出生年份');
    var b = 2022 - a;
    document.write('您的年龄是：' + b + '岁');



  </script>

</body>

</html>